<%@ page language="java"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html>
<head>
<title>login</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="resources/admin/css/login.css" type="text/css"></link>
<script type="text/javascript" src="resources/js/jquery-1.js"></script>
<script type="text/javascript">
$.fn.imgtransition = function(o){
    var defaults = {
        speed : 5000,
        animate : 1000
    };
    o = $.extend(defaults, o);

    return this.each(function(){
        var arr_e = $("li", this);
        arr_e.css({position: "absolute"});
        arr_e.parent().css({margin: "0", padding: "0", "list-style": "none", overflow: "hidden"});

        function shownext(){
            var active = arr_e.filter(".active").length ? arr_e.filter(".active") : arr_e.first();
            var next =  active.next().length ? active.next() : arr_e.first();
            active.css({"z-index": 9});
            next.css({opacity: 0.0, "z-index": 10}).addClass('active').animate({opacity: 1.0}, o.animate, function(){
                active.removeClass('active').css({"z-index": 8});
            });
        }

        arr_e.first().css({"z-index": 9});
        setInterval(function(){
            shownext();
        },o.speed);        
    });
};
function refreshAuthImg(){
	$("#random_img").attr("src","<%=request.getContextPath() %>/AuthImg.AuthImg?now=" + new Date());
    $(".code").val("");
}
</script>
</head>
  
<body>
<div id="head_top">
	<div id="head_logo"></div>
</div>
<div id="show_height">
<div id="flash">
	<ul>
		<li class="active" style="position: absolute; z-index: 10; opacity: 1;"><a href="#"><img alt="" src="<%=request.getContextPath() %>/resources/admin/images/show_01.png"></a></li>
		<li class="active" style="position: absolute; opacity: 1; z-index: 9;"><a href="#"><img alt="" src="<%=request.getContextPath() %>/resources/admin/images/show_02.png"></a></li>
		<li class="active" style="position: absolute; opacity: 1; z-index: 8;"><a href="#"><img alt="" src="<%=request.getContextPath() %>/resources/admin/images/show_03.png"></a></li>
	</ul>
</div>
<div id="login_auto">
<form id="form1" action="#" method="post">
<div id="login">
	<div class="form-line">
			<ul class="navClearfix">
				<li class="selected" name="zx">
					<h2>登陆咨询平台</h2>
				</li>
				<li class="" name="gl">
					<h2>后台管理</h2>
				</li>
			</ul>
	</div>
	<div class="login_err_msg" id="login_err_msg" style="margin-top: 0px;">您输入的验证码不正确，请重新输入。</div>
	<div class="form-line">
		<div id="show-text-tips">

			<input id="username" type="text" autocomplete="off" name="username" tabindex="1" value="请输入您的帐号">
		</div>
	</div>
	<div class="form-line">
		<div id="show-text-tips">
			<input id="login_pwd" type="text" name="pwdPrompt" value="请输入密码" maxlength="16" tabindex="2"/>
			<input id="password" type="password" name="password" style=" display:none;" maxlength="16" tabindex="2"/> 
		</div>
	</div>
	<div class="form-line">
		<div id="show-text-tips">
			<p>验证码</p><input id="code" type="text" autocomplete="off" name="code" tabindex="1" maxlength="4">
			<img id="random_img" width="70" height="29" style="cursor: pointer; padding-left: 9px; position: absolute;margin-top:2px;" src="AuthImg.AuthImg" onclick="javascript:refreshAuthImg()">
		</div>
	</div>
	<div class="form-line">
		<input id="submit" name="submit" type="submit" value="" />
	</div>
	<div  class="form-line">
		<div class="element">
			<a class="@TENPAY_V2.HOME.LOGIN.LINK_REGISTER@" target="_blank" href="#">注册账号</a>
				|  
			<a class="@TENPAY_V2.HOME.LOGIN.LINK_FORGETPW@" target="_blank" href="#">忘记密码</a>
			<span id="quick_login_wrap" class="">
				|  
			<a id="switch_quick_login" class="@TENPAY_V2.HOME.LOGIN.LINK_FASTLOGIN@" href="#">其他登录方式：</a>
			<a id="quick_login1" href="#"></a>
			</span>
		</div>
	</div>
</div>

</form>
</div>
</div>

<div id="platform_info">
	<div id="platform_info_content">
		<ul>
			<li style=" margin:0;"><a href="#" style="background:url(<%=request.getContextPath() %>/resources/admin/images/pt_1.png) top left no-repeat;"></a></li>
			<li><a href="#" style="background:url(<%=request.getContextPath() %>/resources/admin/images/pt_2.png) top left no-repeat;"></a></li>
			<li><a href="#" style="background:url(<%=request.getContextPath() %>/resources/admin/images/pt_3.png) top left no-repeat;"></a></li>
			<div style="clear:both;"></div>
		</ul>
		<ul>
			<li  style=" margin:0;"><a href="#" style="background:url(<%=request.getContextPath() %>/resources/admin/images/pt_4.png) top left no-repeat;"></a></li>
			<li><a href="#" style="background:url(<%=request.getContextPath() %>/resources/admin/images/pt_5.png) top left no-repeat;"></a></li>
			<li><a href="#" style="background:url(<%=request.getContextPath() %>/resources/admin/images/pt_6.png) top left no-repeat;"></a></li>
			<div style="clear:both;"></div>
		</ul>
	</div>
</div>
<div id="bottom">
	<div id="remind">温馨提示：非本协会会员需提交申请，批准后可给予相应帐号进入此平台进行相应数据库查询</div>
	<div id="operation">
	<p>CQSourcing 旗下网站：中文站 | 国际站 | 云集网</p>
	<p>Copyright © 2007 - 2014 Chnsourcing.com.cn All Rights Reserved</p>
	<p>客户服务、商务合作请致电: 023-12345678　或发送邮件至: service@cqsourcing.com.cn</p>
	<p>网站运营支持: 重庆包茂信息科技有限公司　渝ICP证AA-AAAAAAA号</p>
	</div>
</div>
</body>

<script type="text/javascript">
var magUrl="";//咨询平台URL
var manageUrl="login!userLogin.action";//后台管理URL
$(document).ready(function(){
    $('#flash').imgtransition({
        speed:6000,  //图片切换时间
        animate:3000 //图片切换过渡时间
    });
			// 获得焦点的时候，触发事件
			$("#username").focus(function() {
				if ($("#username").val() == "请输入您的帐号") {
					$("#username").val("");
					$("#username").css("color","#000000")
				}
			});
			$("#username").blur(function() {
				if ($("#username").val() == "") {
					$("#username").val("请输入您的帐号");
					$("#username").css("color","#999999")
				}

			});
			// 获得焦点的时候，触发事件
			$("input[name=pwdPrompt]").focus(function () {
				$("input[name=pwdPrompt]").hide();
				$("input[name=password]").show().focus();
			});
        $("input[name=password]").blur(function () {
            if ($(this).val() == "") {
                $("input[name=pwdPrompt]").show();
                $("input[name=password]").hide();
            }
        }) 
});
$(".navClearfix li").click(function(){
	$(".navClearfix>li").each(function(i){ //清除所有class样式
		$(this).attr("class","");
    });
	var name=$(this).attr("name")
	$(this).attr("class","selected"); //为点击对象绑定class样式
	switch(name){
		case "zx":
			$("#form1").attr("action",magUrl);
		break;
		case "gl":
			$("#form1").attr("action",manageUrl)
		break;
	}
})
</script> 
</html>
